Scalable and Modular Architecture for CSS (for Carrie Mitchell) by Jonathan Snook

Author:Jonathan Snook [Snook, Jonathan]
Language: eng
Format: epub, mobi
Tags: Nonfiction
Published: 2012-08-21T04:00:00+00:00

The browser starts at the top and sees a body element. At this point, it thinks it is empty. It hasn’t evaluated anything else. The browser will determine what the computed styles are and apply them to the element. What is the font, the color, the line height? After it figures this out, it paints it to the screen.

Next, it sees a div element with an ID of content. Again, at this point, it thinks it is empty. It hasn’t evaluated anything else. The browser figures out the styles and then the div gets painted. The browser will determine if it needs to repaint the body—did the element get wider or taller? (I suspect there are other considerations but width and height changes are the most common effects child elements have on their parents.)

This process continues on until it reaches the end of the document.

For a visualization of the reflow/repaint process in Firefox, visit http://youtu.be/ZTnIxIA5KGw.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.